Markdown Editor

Fully supports the Markdown spec, including tables, checkboxes and code highlighting.

Markdown 0 chars

Live preview

What this tool does

A live Markdown viewer: write Markdown in the left editor and it renders instantly in the preview on the right. It supports tables, checkbox lists, blockquotes and syntax-highlighted code blocks, and lets you download the finished document as a single styled HTML file. Use it for README drafts, previewing blog or wiki posts, and practicing Markdown syntax.

How it is calculated

Each time you type, the marked library converts the whole text to HTML for the preview, and highlight.js colors the code blocks. GitHub Flavored Markdown (GFM) is enabled, so tables, strikethrough, checkbox lists and autolinks work, and the line-break option is on, so a single Enter becomes a line break in the preview too. Put a language name on the opening line of a code block, such as ```js, to highlight in that language; without one, the language is guessed from the content. The character count of your input is shown above the editor. Download wraps the current preview HTML with a basic dark-themed style into one HTML file. For example, writing '| Name | Score |', then '| :--- | ---: |', then '| Kim | 90 |' on the next lines instantly shows a table with names aligned left and scores aligned right.

On load, a sample document with a table, code and a checklist is filled in. Clear it and start writing if you like

Type Markdown on the left; the preview on the right updates instantly and the character count is shown

Press the sample button any time to see the sample again (it overwrites what you have written)

Wrap code blocks in ``` and add a language name on the opening line for highlighting

Press download HTML to save a file named full_spec_markdown_export.html that opens directly in a browser

Things to know

Tables need cells separated by | and a divider line such as |---|---| as the second row. Alignment: :--- left, :---: center, ---: right.

Checkbox lists use '- [ ] task' and '- [x] done'. They appear as checkboxes in the preview but cannot be toggled.

This editor shows a single Enter as a line break. Elsewhere, such as on GitHub, a single Enter may be ignored, so leaving a blank line between paragraphs is the safe habit.

Pressing the sample button erases your current text. Copy anything important first.

Nothing is saved; refreshing or closing the page loses your text. Copy long documents often or download them as HTML.

Your text is not sent to a server; conversion happens in the browser. The conversion and highlighting libraries and the stylesheet are loaded from a public CDN.

For a printable document, open the downloaded HTML in a browser and save it as PDF from the print menu.

Frequently asked questions

What is Markdown?

A way of formatting plain text with simple symbols such as # for headings, **bold** and - for lists. It is widely used on GitHub, Notion, Slack and elsewhere, and this viewer previews the result.

Where can I open the downloaded HTML file?

Double-click it to open in any browser. The basic styling is inside the file; only the code-highlighting theme loads from the internet, so code colors may be missing offline.

Can I save it as PDF?

There is no direct PDF export. Open the downloaded HTML in a browser and choose save as PDF from the print menu.

Can I mix in HTML tags?

Yes. HTML written inside the Markdown is not filtered and goes straight into the preview and the downloaded file, so check content from unknown sources before pasting it.